<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<title>Shop</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/common/mui.picker.min.css" />
		<link rel="stylesheet" href="css/GT_bin.css" />
	</head>

	<body>
		<div id="App" v-cloak>
			<div style="" id="shop">
				<header>
					<img :src="shop.result.shop_info.shop_thumb" />
					<span style="display: none;" class="mui-icon mui-icon-back"></span>
					<span class="mui-icon mui-icon-arrowdown"></span>
					<select @change="selectVal">
						<option value="zh">中文</option>
						<option value="en">English</option>
						<option value="ms">Bahasa Malayu</option>
					</select>
					<!--<h3>芙蓉厅 <span>015</span></h3>-->
				</header>
				<div id="location">
					<ul>
						<li>

							<img :src="shop.result.shop_info.shop_logo">
							<div>
								<h4>{{shop.result.shop_info.shop_name}}</h4>
								<span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span>
								<div class="mui-icon mui-icon-location">12km</div>
							</div>
						</li>
					</ul>
					<ol>
						<li>
							<span class="mui-icon mui-icon-map"></span>
							<p>{{shop.result.shop_info.shop_address}}</p>
						</li>
						<li>
							<a :href='"tel:"+shop.result.shop_info.mobile'><span class="mui-icon mui-icon-phone"></span></a>
						</li>

					</ol>
				</div>
				<section>
					<div class="Pay">
						<img src="img/Hand1.png" />
						<h4>{{Language["1116"]}}</h4>
						<h5>{{Language["1120"]}}</h5>
						<button id="ptb" type="button" class="mui-btn mui-btn-yellow mui-btn-outlined">{{Language["1116"]}}</button>
					</div>
					<div class="Pay Payment" :v-show="shop.result.shop_card_id">
						<img src="img/Vip1.png" />
						<h4>{{Language["1117"]}}</h4>
						<h5>{{Language["1121"]}}</h5>
						<button id="join" type="button" class="mui-btn mui-btn-yellow mui-btn-outlined">{{Language["1118"]}}</button>
						<div class="card">
							<img src="img/Card.png" />
							<div class="content">
								<p>{{shop.result.member_shop_card.thumb}}</p>
								<h4>{{shop.result.shop_info.shop_name}}</h4>
								<h5>{{shop.result.shop_card_info.name}}</h5>
							</div>
						</div>
					</div>
					<div class="Pay Ticket">
						<img src="img/ticket2.png" />
						<h4>{{Language["1111"]}}</h4>
					</div>
				</section>
				<ul id="ticket">
					<li v-for="list in shop.result.shop_coupon_list">
						<span></span>
						<span></span>
						<div class="left">
							<h4>RM {{list.amount}}</h4>
							<h5>{{list.name}}</h5>
						</div>
						<div class="right">
							<div class="bor">
								{{Language["1119"]}}
							</div>
						</div>
					</li>
				</ul>
				<div id="banner">
					<img src="img/banner.jpg" />
				</div>
				<footer>
					<!--<div class="draw" v-for="list in shop_coupon.result.list">
						<img src="img/line.png">
						<div>
							<img :src="list.shop_logo">
						</div>
						<div>
							<p>{{list.name}}</p>
							<p>{{list.shop_name}}</p>
							<p>{{Language["1109"]}}:{{list.endtime}}</p>
							<a>{{Language["1119"]}}</a>
						</div>
					</div>-->
					<div id="l-ticket">
						<img src="img/ticket.png">
						<span>1</span>
					</div>
				</footer>
			</div>
			<div style="display:none;" id="Payment">
				<p class="mui-bar mui-bar-nav">
					<a id="Payment-back" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
					<span class="mui-title">扫码付款</span>
				</p>
				<header>
					<div id="logo">
						<img src="img/shop.png" />
					</div>
					<a>{{Language["1025"]}}</a>
					<span>双桥路东店</span>
					<select @change="selectVal">
						<option value="zh">中文</option>
						<option value="en">English</option>
						<option value="ms">Bahasa Malayu</option>
					</select>
					<img src="img/right.png" />
				</header>
				<article>
					<header>
						<p>{{Language["1110"]}}</p>
						<div id="country">
							<select>
								<option>马来西亚林吉特MYR</option>
								<option>马来西亚林吉特MYR</option>
								<option>马来西亚林吉特MYR</option>
							</select>
							<img src="img/flag.png" />
						</div>
						<img src="img/selecth.png" />
					</header>
					<div id="ticket">
						<span>RM</span>
						<input type="number" placeholder="请输入付款金额" />
						<p>1个优惠券</p>
					</div>
					<footer>
						<div>
							<p>实付金额</p>
							<b>￥</b>
							<span>168.20</span>
						</div>
						<span>?</span>
					</footer>
				</article>
				<div id="pay">
					<p>输入付款金额,实付时按照实时汇率折算人民币支付</p>
					<input type="button" value="确认支付" />
				</div>
				<footer>
					<p>推荐优惠券</p>
					<div class="draw">
						<img src="img/line.png" />
						<div>
							<img src="img/shop.png" />
						</div>
						<div>
							<p>$60元代金券</p>
							<p>七宝小店</p>
							<p>有效日期:2017.04.06</p>
							<a>领取</a>
						</div>
					</div>
					<div class="draw">
						<img src="img/line.png" />
						<div>
							<img src="img/shop.png" />
						</div>
						<div>
							<p>$60元代金券</p>
							<p>七宝小店</p>
							<p>有效日期:2017.04.06</p>
							<a>领取</a>
						</div>
					</div>
					<div class="draw">
						<img src="img/line.png" />
						<div>
							<img src="img/shop.png" />
						</div>
						<div>
							<p>$60元代金券</p>
							<p>七宝小店</p>
							<p>有效日期:2017.04.06</p>
							<a>领取</a>
						</div>
					</div>
				</footer>
				<div style="display: none;" class="mui-backdrop" id="hint">
					<div>
						<p>
							RM
						</p>
						<img src="img/click.png" />
						<img src="img/hand.png" />
						<span>输入支付金额</span>
					</div>
					<div>
						<p>
							一个优惠券
						</p>
						<img src="img/click.png" />
						<img src="img/hand.png" />
						<span>查看优惠券</span>
					</div>
					<div>
						<h5>到店后</h5>
						<h5>请询问服务员后输入金额</h5>
						<button id="know" type="button" class="mui-btn mui-btn-blue mui-btn-outlined">知道了</button>
					</div>
				</div>
				<div style="display: none;" class="mui-backdrop">
					<img src="img/close.png" />
					<img id="gold" src="img/gold.png" />
					<h3>恭喜获得优惠券</h3>
					<div id="get">
						<ul>
							<li>
								<img src="img/line.png" />
								<div>
									<img src="img/shop.png" />
								</div>
								<div>
									<p>$60元代金券</p>
									<p>七宝小店</p>
									<p>有效日期:2017.04.06</p>
									<a>领取</a>
								</div>
							</li>
						</ul>
						<footer>
							<button type="button" class="mui-btn mui-btn-warning mui-btn-outlined">立即领取</button>
						</footer>
					</div>
				</div>
				<div style="display: none;" class="mui-backdrop" id="succeed">
					<img src="img/close.png" />
					<div>
						<header>优惠券领取成功</header>
						<div class="content">
							<p>此优惠券明日到店使用</p>
							<p>使用时出示优惠券动态码</p>
							<button type="button" class="mui-btn mui-btn-yellow mui-btn-outlined">查看</button>
							<footer>
								<h4>更多优惠</h4>
								<div class="footer">
									<img src="img/yho.png" />
									<h5>更多优惠,更多服务</h5>
									<h5>yhfoodie App</h5>
									<button type="button" class="mui-btn mui-btn-green mui-btn-outlined">安装</button>
								</div>
							</footer>
						</div>
					</div>
				</div>
				<div style="display: none;" class="mui-backdrop" id="succeed-card">
					<img src="img/close.png" />
					<div>
						<header>会员卡已激活</header>
						<div class="content">
							<p>使用时请出示会员卡</p>
							<button type="button" class="mui-btn mui-btn-yellow mui-btn-outlined">查看</button>
							<footer>
								<h4>更多优惠</h4>
								<div class="footer">
									<img src="img/yho.png" />
									<h5>更多优惠,更多服务</h5>
									<h5>yhfoodie App</h5>
									<button type="button" class="mui-btn mui-btn-green mui-btn-outlined">安装</button>
								</div>
							</footer>
						</div>
					</div>
				</div>
			</div>
			<div style="display: none;" id="Register">
				<header class="mui-bar mui-bar-nav">
					<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
					<h1 class="mui-title">申请会员</h1>
				</header>
				<div class="l-content">
					<form class="mui-input-group">
						<div class="l-input-row">
							<label>姓名</label>
							<input value="" id="name" type="text" class="l-input-clear" placeholder="请输入姓名"/>
							<div id="name-error">不可以输入特殊字符</div>
						</div>
						<div class="l-input-row">
							<label>电话</label>
							<input id="mobile" type="text" class="l-input-clear tel" placeholder="请输入电话">
							<div id="tel-error">您输入的联系方式有误</div>
						</div>
						<div class="l-input-row">
							<label>生日</label>
							<button id='demo2' type="button" data-options='{"type":"date","beginYear":1800,"endYear":2030}' class="btn mui-btn mui-btn-block">2001-1-1</button>
							<div id='result' class="ui-alert"></div>
						</div>
						<div class="l-input-row">
							<label>性别</label>
							<select id="sex">
								<option>男</option>
								<option>女</option>
							</select>
						</div>
						<div class="l-input-row">
							<label>邮箱</label>
							<input id="email" type="text" class="l-input-clear" placeholder="请输入邮箱">
							<div id="email-error">您输入的邮箱格式有误</div>
						</div>
						<div class="l-input-row">
							<label>地址</label>
							<input id="address" type="text" class="l-input-clear" placeholder="请输入地址">
						</div>
						<div class="l-input-row">
							<label>职业</label>
							<input id="career" type="text" class="l-input-clear" placeholder="请输入职业">
						</div>
						<div class="mui-button-row">
							<button id="Register-btn" type="button" class="mui-btn mui-btn-danger">提交</button>
						</div>
					</form>
				</div>
			</div>
			<div style="display: none;" id="Particulars">
				<header class="mui-bar mui-bar-nav">
					<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
					<h1 class="mui-title">优惠券详情</h1>
				</header>
				<div class="mui-content">
					<h3>感谢券5元小食换购</h3>
					<h5>请到店铺点击使用</h5>
					<p>有效期到:<span>2018.4.10</span></p>
					<form style="display:none;">
						<div class="mui-input-row">
							<input type="text" class="mui-input-clear" placeholder="请输入手机号">
							<button type="button" class="mui-btn mui-btn-success mui-btn-outlined">领取</button>
						</div>
					</form>
					<div id="code" style="display: none;">
						<div><img src="img/Bcode.png"></div>
						<span>345237674</span>
						<h5>优惠券动态码,5分钟后更新</h5>
						<h5>请出示改编码给店铺服务员使用</h5>
					</div>
					<div id="lose-code" style="">
						<img src="img/lose.jpg" />
						<div><img src="img/Bcode.png"></div>
						<button type="button" class="mui-btn mui-btn-red mui-btn-outlined">删除</button>
					</div>
					<p>优惠券使用说明:</p>
					<h5>周一到周五,全天使用</h5>
					<img src="img/M.png" />
				</div>
				<h4>Applicable stores</h4>
				<footer id="location">
					<ul>
						<li>
							<img src="img/shop1.png" />
							<div>
								<h4>许留山</h4>
								<span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span>
								<p>No.12 Malaysia Road Agus Restaurant LBS</p>
								<div class="mui-icon mui-icon-location">12km</div>
							</div>
						</li>
						<li>
							<img src="img/shop1.png" />
							<div>
								<h4>许留山</h4>
								<span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span>
								<p>No.12 Malaysia Road Agus Restaurant LBS</p>
								<div class="mui-icon mui-icon-location">12km</div>
							</div>
						</li>
						<li>
							<img src="img/shop1.png" />
							<div>
								<h4>许留山</h4>
								<span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span>
								<p>No.12 Malaysia Road Agus Restaurant LBS</p>
								<div class="mui-icon mui-icon-location">12km</div>
							</div>
						</li>
					</ul>
					<div id="l-ticket">
						<img src="img/ticket.png" />
						<span>1</span>
					</div>
				</footer>
			</div>
			<div style="display: none;" id="MyTicket">
				<header class="mui-bar mui-bar-nav">
					<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
					<h1 class="mui-title">优惠券</h1>
					<a class="mui-pull-right">失效券</a>
				</header>
				<div class="mui-content">
					<h4>我的</h4>
					<div class="draw">
						<img src="img/line.png">
						<div>
							<img src="img/shop.png">
						</div>
						<div>
							<p>$60元代金券</p>
							<p>七宝小店</p>
							<p>有效日期:2017.04.06</p>
							<a>使用</a>
						</div>
					</div>
					<div class="draw">
						<img src="img/line.png">
						<div>
							<img src="img/shop.png">
						</div>
						<div>
							<p>$60元代金券</p>
							<p>七宝小店</p>
							<p>有效日期:2017.04.06</p>
							<a>使用</a>
						</div>
					</div>
					<div class="draw">
						<img src="img/line.png">
						<div>
							<img src="img/shop.png">
						</div>
						<div>
							<p>$60元代金券</p>
							<p>七宝小店</p>
							<p>有效日期:2017.04.06</p>
							<a>使用</a>
						</div>
					</div>
					<h4>更多优惠</h4>
				</div>
				<footer>
					<img src="img/yho.png" />
					<div class="content">
						<h4>yhofoodie App</h4>
						<h5>更多优惠&nbsp;,&nbsp;更多服务</h5>
					</div>
					<button type="button" class="mui-btn mui-btn-green mui-btn-outlined">安装</button>
				</footer>
				<div id="banner">
					<img src="img/banner.jpg" />
				</div>
			</div>
			<div style="display: none;" id="DownLoad">
				<header class="mui-bar mui-bar-nav">
					<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
					<h1 class="mui-title">yhofoodie</h1>
				</header>
				<ul>
					<li id="header">
						<img src="img/Banner3.jpg" />
						<img src="img/food.png" />
						<div class="title">
							<h3>手机点餐真方便</h3>
							<h3>优惠折扣很全面</h3>
						</div>
						<footer>
							<img src="img/Android.png" />
							<img src="img/Apple.png" />
						</footer>

					</li>
					<li id="content">
						<div class="container">
							<div class="box">
								<h5>附近餐厅</h5>
								<h3>随心选</h3>
								<h5>美食表单</h5>
								<h3>随时看</h3>
							</div>
							<img src="img/Banner4.png" />
						</div>
						<div class="box">
							<img src="img/Banner5.png" />
						</div>
					</li>
					<li id="index-pay">
						<div class="container">
							<header>
								<h5>手机扫码 自主点餐下单</h5>
								<h3>中英双语 方便快捷</h3>
							</header>
							<img src="img/banner6.png" />
						</div>
						<div class="box">
							<img src="img/Banner7.png" />
						</div>
						<div class="footer">
							<h5>各种优惠 打折活动 优惠不断</h5>
							<h5>消费积分兑换好礼 会员折扣享不完</h5>
							<img src="img/doe.jpg" />
							<h3>更多功能等你来探索</h3>
							<div id="up">
								<span class="mui-icon mui-icon-arrowup"></span>
								<span class="mui-icon mui-icon-arrowup"></span>
							</div>
						</div>
					</li>
					<li id="index-footer">
						<header>
							<img src="img/Android.png" />
							<img src="img/Apple.png" />
						</header>
						<div class="content">
							<h5>www.yhofoodie.com</h5>
							<h5>yhofoodie</h5>
						</div>
						<p>智慧餐饮服务平台</p>
						<img src="img/Banner8.jpg" />
					</li>
				</ul>
			</div>
			<div style="display: none;" id="Lose">
				<header class="mui-bar mui-bar-nav">
					<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
					<h1 class="mui-title">失效券</h1>
					<a class="mui-pull-right">全部删除</a>
				</header>
				<div class="content">
					<div class="draw">
						<img src="img/line.png">
						<div>
							<img src="img/shop.png">
						</div>
						<div>
							<p>$60元代金券</p>
							<p>七宝小店</p>
							<p>有效日期:2017.04.06</p>
							<button type="button" class="mui-btn mui-btn-red mui-btn-outlined">删除</button>
						</div>
						<img src="img/lose.jpg" />
					</div>
					<div class="draw">
						<img src="img/line.png">
						<div>
							<img src="img/shop.png">
						</div>
						<div>
							<p>$60元代金券</p>
							<p>七宝小店</p>
							<p>有效日期:2017.04.06</p>
							<button type="button" class="mui-btn mui-btn-red mui-btn-outlined">删除</button>
						</div>
						<img src="img/lose.jpg" />
					</div>
					<div class="draw">
						<img src="img/line.png">
						<div>
							<img src="img/shop.png">
						</div>
						<div>
							<p>$60元代金券</p>
							<p>七宝小店</p>
							<p>有效日期:2017.04.06</p>
							<button type="button" class="mui-btn mui-btn-red mui-btn-outlined">删除</button>
						</div>
						<img src="img/lose.jpg" />
					</div>
				</div>
			</div>
			<div style="display: none;" id="Card">
				<header class="mui-bar mui-bar-nav">
					<a id="Card-back" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
					<h1 class="mui-title">{{Language["1069"]}}</h1>
				</header>
				<div class="mui-content">
					<div id="card">
						<header>
							<div>
								<img src="img/shop1.png" />
							</div>
							<div>
								<h3>VIP</h3>
								<h5>HUILIUSHAN</h5>
							</div>
						</header>
						<footer>
							<p>847-2349-2340-23</p>
							<span>2017 / 12 / 02</span>
						</footer>
						<div id="code">
							<img src="img/code.png" />
						</div>
					</div>
					<div></div>
					<div></div>
					<section>
						<span id="card-select" class="mui-icon mui-icon-arrowdown"></span>
						<img src="img/Bcode.png" />
						<p>345234647</p>
					</section>
				</div>
				<div id="minute">
					<ul>
						<li>
							<h4>625</h4>
							<span>{{Language["1095"]}}</span>
						</li>
						<li>
							<h4>90%</h4>
							<span>{{Language["1096"]}}</span>
						</li>
					</ul>
				</div>
				<div id="introduce">
					<p>积分累计1000，将获得80%折扣优惠</p>
					<div class="content">
						<h4>Member benefits</h4>
						<h5>1. Validity: 2017.10.1-2017.12.31</h5>
						<h5>2. Full court;</h5>
						<h5>3. A coupon is limited to each order, and this offer cannot be used 
with other platforms coupons are used simultaneously;</h5>
					</div>
				</div>
				<h4>Applicable stores</h4>
				<footer id="location">
					<ul>
						<li>
							<img src="img/shop1.png" />
							<div>
								<h4>许留山</h4>
								<span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span>
								<p>No.12 Malaysia Road Agus Restaurant LBS</p>
								<div class="mui-icon mui-icon-location">12km</div>
							</div>
						</li>
						<li>
							<img src="img/shop1.png" />
							<div>
								<h4>许留山</h4>
								<span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span>
								<p>No.12 Malaysia Road Agus Restaurant LBS</p>
								<div class="mui-icon mui-icon-location">12km</div>
							</div>
						</li>
						<li>
							<img src="img/shop1.png" />
							<div>
								<h4>许留山</h4>
								<span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span>
								<p>No.12 Malaysia Road Agus Restaurant LBS</p>
								<div class="mui-icon mui-icon-location">12km</div>
							</div>
						</li>
						<li>
							<img src="img/shop1.png" />
							<div>
								<h4>许留山</h4>
								<span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span>
								<p>No.12 Malaysia Road Agus Restaurant LBS</p>
								<div class="mui-icon mui-icon-location">12km</div>
							</div>
						</li>
					</ul>
				</footer>
			</div>
			<div id="Pay" style="display: none;">
				<header class="mui-bar mui-bar-nav">
					<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
					<h1 class="mui-title">{{Language["1097"]}}</h1>
				</header>
				<div class="mui-content">
					<img src="img/M.png" />
					<h5>麦当劳</h5>
					<img src="img/tight.png" />
					<p><span>3.23</span><span>23:00</span><span>{{Language["1097"]}}</span></p>
					<p>¥ 12.23</p>
					<button id="Pay-affirm" type="button" class="mui-btn mui-btn-green">{{Language["1098"]}}</button>
				</div>
				<div id="banner">
					<img src="img/banner.png" />
				</div>
				<footer>
					<p>{{Language["1099"]}}</p>
					<div class="draw">
						<img src="img/line.png">
						<div>
							<img src="img/shop.png">
						</div>
						<div>
							<p>$60元代金券</p>
							<p>七宝小店</p>
							<p>有效日期:2017.04.06</p>
							<a>领取</a>
						</div>
					</div>
					<div class="draw">
						<img src="img/line.png">
						<div>
							<img src="img/shop.png">
						</div>
						<div>
							<p>$60元代金券</p>
							<p>七宝小店</p>
							<p>有效日期:2017.04.06</p>
							<a>领取</a>
						</div>
					</div>
					<div class="draw">
						<img src="img/line.png">
						<div>
							<img src="img/shop.png">
						</div>
						<div>
							<p>$60元代金券</p>
							<p>七宝小店</p>
							<p>有效日期:2017.04.06</p>
							<a>领取</a>
						</div>
					</div>
				</footer>
			</div>
		</div>
		<script type="text/javascript" src="js/common/jquery.js?001"></script>
		<script type="text/javascript" src="js/common/vue.min.js?001"></script>
		<script type="text/javascript" src="js/common/mui.min.js"></script>
		<script type="text/javascript" src="js/common/mui.picker.min.js"></script>
		<script type="text/javascript" src="js/common/map.js?001"></script>
		<script type="text/javascript" src="js/common/main.js?001"></script>
		<script type="text/javascript" src="js/ajax.js?001"></script>
		<script type="text/javascript" src="js/Login.js?001"></script>
		<script type="text/javascript" src="js/MyVue.js?001"></script>
		<script type="text/javascript" src="js/plug.js" ></script>
		<script type="text/javascript" src="js/Register.js?001"></script>
		<script type="text/javascript" src="js/Vip.js" ></script>
		<script type="text/javascript" src="js/index.js?001"></script>
	</body>
</html>